<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--  
        1. 键盘事件
            onkeydown       按下       (支持所有)
            onkeyup         松开
            onkeypress      按下并松开 (不支持功能键)

            注意: 
             * 键盘按键分为如下两种: 
             *   输出键: 数字, 字母, 标点, 回车
             *   功能键: ctrl, alt, shift, caps, esc, del, F1, F2, 方向键等
    -->
    <script>
        // 按下
        document.onkeydown = function(){
            var r = Math.round(Math.random() * 255);
            var g = Math.round(Math.random() * 255);
            var b = Math.round(Math.random() * 255);
            document.body.style.backgroundColor = `rgb(${r} , ${g}, ${b})`;
        }


        // 松开
        // document.onkeyup = function(){
        //     var r = Math.round(Math.random() * 255);
        //     var g = Math.round(Math.random() * 255);
        //     var b = Math.round(Math.random() * 255);
        //     document.body.style.backgroundColor = `rgb(${r} , ${g}, ${b})`;
        // }


        // 按下并松开
        // document.onkeypress = function(){
        //     var r = Math.round(Math.random() * 255);
        //     var g = Math.round(Math.random() * 255);
        //     var b = Math.round(Math.random() * 255);
        //     document.body.style.backgroundColor = `rgb(${r} , ${g}, ${b})`;
        // }



    </script>
</body>
</html>